<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类页</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<script src="./js/jquery.11.min.js"></script>
		<!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>-->
		<script src="./js/index.js"></script>
	</head>

	<body>
		<!--顶部导航-->
		<div id="top">
			<div class="left">
				<ul class="class">

					<li class="class">
						<a href="">品牌官网</a><span>|</span></li>
					<li class="class">
						<a href="">炫耀官网</a><span>|</span></li>
					<li class="father">
						<div class="title">
							<a href="">软件管理</a><i></i></div>

						<div class="hiden">
							<a href="">开发者联盟</a>
							<a href="">EMU</a>
							<a href="">应用市场</a>
							<a href="">云服务</a>
						</div>

					</li>
					<li class="class">
						<a href="">花粉俱乐部</a><span>|</span></li>
					<li class="class">
						<a href="">Select Regoin</a>
					</li>

				</ul>
			</div>
			<div class="right">
				<ul>
					<li>
						<strong><a href="">登录</a></strong>&nbsp;
						<strong><a href="">注册 </a></strong>

					</li>
					<span>|</span>

					<li>
						<a href="">我的订单</a>

					</li>
					<span>|</span>
					<li>
						<a href="">V码（优购码)</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<a href="">手机版</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<div class="title">
							<a href="" class="font">网站导航</a><i></i>
						</div>
						<div class="hiden">
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
						</div>

					</li>

				</ul>
			</div>
		</div>
		<!--顶部灰条结束-->
		<!--购物车Logo 开始-->
		<div class="header">
			<div class="shopping">
				<!--logo开始-->
				<div class="logo">
					<a href="mapLink">
						<img src="./images/logo.png" alt="" />
					</a>
				</div>
				<!--logo结束-->
				<!--搜索开始-->
				<div class="seek">

					<!--搜索表单-->
					<form action="" method="post">
						<input class="text" type="text" name="" id="" value="" required="required" />
						<input type="submit" value="搜索" class="button" />
					</form>

					<div class="hot">
						<b>热门搜索：</b>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>

					</div>
				</div>
				<!--搜索结束-->

				<div class="MyStore">
					<!--商城登录注册开始-->
					<div class="store">
						<div class="title">
							<a href="">我的商城</a><span></span>
						</div>
						<div class="hidden">
							<div class="login">

								你好，请 :&nbsp;
								<a href="">登录</a>&nbsp;&nbsp;
								<span>|</span>&nbsp;&nbsp;
								<a href="">注册</a>
							</div>
							<ul>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">待支付</a>
								</li>
								<li>
									<a href="">待评论</a>
								</li>
								<li>
									<a href="">优惠券</a>
								</li>
								<li>
									<a href="">站内信</a>
								</li>
							</ul>
							<img src="./images/20160127095348354.jpg" />
						</div>

					</div>
					<!--商城登录注册结束-->
					<!--购物车开始-->
					<div class="shoppingCar">

						<a href="">购物车(0)</a>
						<div class="hidden">

							<span>您的购物车还是空的赶紧选购吧</span>
						</div>
					</div>
					<!--购物车结束-->
				</div>
				<!--微信二维码开始-->
				<div class="weixin">
					<a href=""> <img src="./images/20160127095348354.jpg" /></a>
				</div>
			</div>
		</div>
		<!--//****** 导航开始********8//-->

		<div class="nav">
			<div class="top">
				<div class="father">
					<h2 class="title">全部商品</h2>
					<div style="display: none;" class="hid">
						<ul>

							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>

						</ul>
					</div>
				</div>

				<ul class="right">
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">华为专区</a>
					</li>
					<li>
						<a href="">荣耀专区</a>
					</li>
					<li>
						<a href="">荣耀8</a><img src="./images/index.png" alt="" /></li>
					<li>
						<a href="">P9</a><img src="./images/Hindex.png" alt="" /></li>
					<li>
						<a href="">荣耀V8</a><img src="./images/Hindex.png" alt="" /></li>
					<li>
						<a href="">配件专区</a><img src="./images/Hindex.png" alt="" /></li>
					<li>
						<a href="">精彩频道</a>
					</li>
				</ul>
			</div>

		</div>
		<!--********************************************子类继承开始-*****************->-->
		<div class="MyOrder_main">
			<div class="main_classification">
				<a href="">首页</a><span>/</span>
				<a href="">我的商城</a><span>/</span>
				<span>我的订单</span>

			</div>
			<div class="MyOrder_main_left">
				<div class="MyOrder_main_left_title">
					<a href="">我的商城</a>
				</div>

				<div class="MyOrder_main_left_content">
					<ul>
						<li>
							<h3>
							<p></p>
							<span>订单中心</span>
							
						</h3>
							<ol>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">我的订单</a>
								</li>
							</ol>

						</li>
						<!--个人中心-->
						<li>
							<h3>
							<p></p>
							<span>订单中心</span>
							
						</h3>
							<ol>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">我的订单</a>
								</li>
							</ol>

						</li>
					</ul>
				</div>

			</div>
			<div class="MyOrder_main_right">
				<div class="MyOrder_main_right_title">
					<div class="tl">
						<h2>我的订单</h2>
					</div>
					<div class="tr">
						<ul>
							<li><a href="">最近三个月订单</a></li>
							<li><a href="">三个月前订单</a></li>
						</ul>
					</div>
				</div>
				<div class="MyOrder_main_right_header">
					<ul>
						<li><a href="" class="color">全部</a></li>
						<li><a href="" >全部</a></li>
						<li><a href="" >全部</a></li>
						<li><a href="" >全部</a></li>
						<li><a href="" >全部</a></li>
						<li><a href="" >全部</a></li>
					</ul>
				</div>
				<div class="MyOrder_main_right_all">
					<label for="">
						<input type="checkbox" name="" id="" value="" />
						<span>全选</span>
					</label>
					<a href="">合并支付</a>
				</div>
				<!--商品列表头部商品单价-->
				<div class="list-group-title">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<th width="501">商品|</th>
							<th width="114">单价/元|</th>
							<th width="75">数量|</th>
							<th width="114">实付款/元|</th>
							<th width="138">订单状态及操作</th>
							
						</tr>
						
					</table>
				</div>
				<div class="list-group-time">
					
				<ul>
					<li>2016-09-25 17:03 <span>订单号：</span> <a href="">11150352851</a>	</li>
					<li class="abolish">已取消</li>
				</ul>
	

				</div>
				<div class="list-group-content">
					<table border="" cellspacing="" cellpadding="">
					
						<tr>
							<td>
								<a href=""><img src="images/Hot_tou.jpg"/></a>
								
							</td>
							<td class="textP">
								<p>荣耀V8 4GB+32GB 全网通版（冰河银）</p>
								
							</td>
							<td class="money">
								<em>￥</em>
								<span>122425.00</span>
							</td>
							<td class="count">
							
								<span>1</span>
							</td>
							<td class="allMoney" rowspan="4">
								<em>￥</em>
								<span>555959.00</span>
							</td>
							<td class="caozuo" rowspan="4">
							
								<a href="">订单操作</a>
							</td>
						</tr>
								<tr>
							<td>
								<a href=""><img src="images/Hot_tou.jpg"/></a>
								
							</td>
							<td class="textP">
								<p>荣耀V8 4GB+32GB 全网通版（冰河银）</p>
								
							</td>
							<td class="money">
								<em>￥</em>
								<span>122425.00</span>
							</td>
							<td class="count">
							
								<span>1</span>
							</td>
							<td class="allMoney" rowspan="4">
								<em>￥</em>
								<span>555959.00</span>
							</td>
							<td class="caozuo" rowspan="4">
							
								<a href="">订单操作</a>
							</td>
						</tr>

					</table>
				</div>
				
			</div>

		</div>
		<!--********************************************子类继承结束-*****************-->
		<div class="public_footer">
			<!--五百强企业退货开始-->
			<div class="public_footer_slogan">
				<ul>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>

				</ul>
			</div>
			<!--售后服务、-->
			<div class="service">
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

			</div>
			<!--底部友情链接热门搜索-->
			<div class="public_footer_webset">
				<div class="webset_hotLink">
					<p>
						热门华为手机：
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>
				</div>
				<!--协议备案-->
				<div class="web_set_agreement">
					<p>
						<a href="">隐私政策 </a>
						<a href=""> 服务协议</a> email 115566633@sin.com</p>
					<p>
						<a href="">公安网备案555655969156</a>|增值电信业务许可证
						<a href="">网络文化许可118666146416</a>
					</p>
					<div class="webset_over">
						<p>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>

						</p>
					</div>

				</div>
			</div>
			<!--右侧定位点击回顶部-->
			<div class="Right_fixed">

				<a href=""></a>
				<a href=""></a>
				<a href=""></a>

			</div>

		</div>

	</body>

</html>